{% load static %}
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>{% block title %}{% endblock %}</title>
    {% block headerjs %}{% endblock %}
    <link rel="stylesheet" href="{% static 'css/base.css' %}">
    <link rel="stylesheet" href="{% static 'css/reset.css' %}">
</head>

<body>
    <div class="black-nav">
        <div class="wrap">
            <ul class="black-nav-left">
                <li>
                    <a href="{% url 'index' %}">首页</a><span>|</span>
                </li>
                <li>
                    <a href="{% url 'toolapp:index' %}">工具</a><span>|</span>
                </li>
                <li>
                    <a href="{% url 'userapp:index' %}">用户</a><span>|</span>
                </li>
                 <li>
                    <a href="{% url 'blogapp:index' %}">博客</a><span>|</span>
                </li>
                <li>
                    <a href="#">python</a><span>|</span>
                </li>
                <li>
                    <a href="#">java</a><span>|</span>
                </li>
                <li>
                    <a href="#">Linux</a><span>|</span>
                </li>
                <li>
                    <a href="#">站主工具箱</a><span>|</span>
                </li>
                <li>
                    <a href="#">未开发功能</a><span>|</span>
                </li>
                <li>
                    <a href="#">未开发功能</a><span>|</span>
                </li>
                <li>
                    <a href="#">未开发功能</a><span>|</span>
                    <div class="download">
                        <img src="./images/download.png" alt="">
                        <p></p>
                    </div>
                </li>
                <li>
                    <a href="#">未开发功能</a><span>|</span>
                </li>
                <li>
                    <a href="#">未开发功能</a>
                </li>
            </ul>

            <ul class="black-nav-right">

                <li>
                    {% if user %}
                        <a>欢迎您！</a><span>|</span>
                        <a>{{ user.username }}</a><span>|</span>
                        <a href="{% url 'userapp:loginout' %}" >[登出]</a><span>|</span>
                        <a href="#">消息通知</a><span>|</span>
                    {% else %}
                        <a href="{% url 'userapp:login' %}">[登录]</a><span>|</span>
                        <a href="{% url 'userapp:register' %}">[注册]</a><span>|</span>
                    {% endif %}
                </li>
                <li class="cart">
                    <a href="#"><i class="iconfont">&#xe607</i>购物车(0)</a>
                    <div class="cart-list">
                        购物车中还没有商品，赶紧选购吧！
                    </div>
                </li>
            </ul>

        </div>

    </div>
    {% block main %}
    {% endblock %}
</body>

{% block htmlcss %}
{% endblock %}

</html>